<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="estilo/style.css" />
	 <script language="JavaScript" type="text/javascript">	
		  function mostrarVentana(codTicket){ 
		    	var con="\?";
				var idx=con+"codTicket="+codTicket;
				var lnk="<s:url value='listar_detalles_ticket.action"+idx+"' />";
				
			    window.open(lnk,'','width=900,height=500,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes');
		   }
		  
		  function showTT(el) {
			  	var ttext=el.title;
			  	var tt=document.createElement('SPAN');
			  	var tnode=document.createTextNode(ttext);
			  	tt.appendChild(tnode);
			  	el.parentNode.insertBefore(tt,el.nextSibling);
			  	tt.className="tt";
			  	el.title="";
			  }
			  function hideTT(el) {
			  	var ttext=el.nextSibling.childNodes[0].nodeValue;
			  	el.parentNode.removeChild(el.nextSibling);
			  	el.title=ttext;
			  }
			  function tooltip() {
				  var imgs=document.getElementsByTagName('a');
				  for (i=0; i<imgs.length; i++) {
				  		imgs[i].onmouseover=function() {showTT(this); }
				  		imgs[i].onmouseout=function() {hideTT(this); }
				  	}
			  }  
    </script>
</head>
<body>
<div id='resultado_gd_aprxss' >
<center><img id="indicatorc2" src="img/pg1.gif" alt="Cargando..." style="display: none" /></center>
<table width="100%">
<tr Height='10px'  >
	<td width='5%' class='tabla_th1' >Fecha</td>
	<td width='5%' class='tabla_th1' >Hora</td>
	<td width='1%' class='tabla_th1' >Tipo</td>
	<td width='5%' class='tabla_th1' >Contrato</td>
	<td width='5%' class='tabla_th1' >Identificación</td>
	<td width='15%' class='tabla_th1' >Cliente</td>
	<td width='5%' class='tabla_th1' >Actividad</td>
	<td width='5%' class='tabla_th1' >Motivo</td>
	<td width='5%' class='tabla_th1' >Obs. Cliente</td>
	<td width='5%' class='tabla_th1' >Obs. Operador</td>
	<td width='5%' class='tabla_th1' >Area</td>
</tr>
<s:iterator var="outer2" status="i_status" value="rpt_lista" >
	 <tr Height='10px'   class='<s:property value="#outer2.stylo" />' >
		   <td width='5%' align="center"  >
		         <s:property value="#outer2.Fecha" />   
		   </td>
		   <td width='5%' align='center'   >
		          <s:property value="#outer2.hora" />
		   </td>
		   <td width="1%">
				  	  <s:property value="#outer2.TipoContrato" />
		   </td>
		   <td width='5%'  align='left'  >
			    <s:property value="#outer2.Contrato" />
		   </td>
		   <td width='1%' align='left' >
		      <s:property value="#outer2.Identificacion" />
		   </td>
		   <td width='15%' align='left' >
			    <s:property value="#outer2.Cliente" />
		   </td>
		   <td width='7%' align='left'  >
		      <s:property value="#outer2.Des_actividad" /> 
		   </td>
		   <td width='10%' align='left'   >
		      <s:property value="#outer2.Motivo" /> 
		   </td>
		   <td width='10%' align='left'   >
		      <s:property value="#outer2.obsCliente" /> 
		   </td>
		   <td width='10%' align='left'   >
		      <s:property value="#outer2.obsOperador" /> 
		   </td>
		   <td width='5%' align='left'   >
		      <s:property value="#outer2.area" /> 
		   </td>
	     </tr>
</s:iterator>



 </table>
</div>
</body>
</html>